<template>
  <div class="app-container d-flex flex-column justify-center align-center">
    <div class="home-page p-rela d-flex flex-column justify-center align-center">
      <img class="home-bg1" src="@/assets/images/welcome.png" alt="" />
      <div class="system-name p-abso pt-40px">欢迎使用{{ systemName }}!</div>
    </div>
  </div>
</template>

<script setup name="Index">
import settings from '@/settings'
const systemName = ref(settings.title)
</script>

<style scoped lang="scss">
.home {
  min-height: calc(100vh - 120px);
}
.home-page {
  height: 75vh;
  overflow: hidden;
  width: 1000px;
  .home-bg1 {
    width: 600px;
  }
  .system-name {
    font-size: 48px;
    color: #494949;
  }
}
</style>
